<template>
  <div>
    <!-- 搜索栏 -->
    <div class="nav">
      <span
        class='nav-left'
        @click="onClick"
      >
        <img
          src="./../../../../assets/HomeImg/6.png"
          alt=""
        >
      </span>
      <van-search
        left
        v-model="value"
        show-action
        placeholder="帅哥本人"
      >
        <template #action>
          <div @click="goSearchpage">搜索</div>
        </template>
      </van-search>
    </div>
    <!-- <div class="sp">
      <ul>
        <li v-for="(el,index) in bankuai" :key="index">
          {{el}}
        </li>
      </ul>
    </div> -->
  </div>
</template>
<script>
export default {
  data: () => ({
    value: '',
    active: 0
  }),
  created() {},
  methods: {
    onClick() {
      this.$router.go(-1)
    },
    goSearchpage() {
      this.$router.push('/home/searchpage/' + this.value)
    }
  }
}
</script>
<style lang="less" scoped>
// 搜索栏
.nav {
  // position: relative;
  .nav-left {
    float: left;
    width: 5%;
    text-align: center;
    padding: 17px 0 0 10px;
    border: none;
    img {
      width: 100%;
    }
  }
  .van-search__content {
    background: #fff;
    color: #999;
    border: 1px solid #aaa;
    border-radius: 5px;
    height: 23px;
  }
  .van-cell {
    padding-top: 0px;
  }
}
</style>
